let data = {
    //页码
    pagenum: 1,
    //每页显示几条数据
    pagesize: 3,
    // 草稿
    // state: 2,
    //分类id
    // cate_id:1
    
}
function readerActicle() {
    $.ajax({
        url: '/my/article/list',
        data: data,
        success: function (res) {
            // console.log(res.data)
            showPage(res.total)
            if (res.status === 0) {
                let str = ''
                res.data.forEach(item => {
                    str += `
                    <tr>
                    <td>${item.title}</td>
                    <td>${item.cate_name}</td>
                    <td>${item.pub_date}</td>
                    <td>${item.state}</td>
                    <td>
                        <a href="./edit.html?id=${item.id}" class="layui-btn layui-btn-xs">编辑</a>
                       
                        <button type="button" class="layui-btn layui-btn-xs layui-btn-danger" data-id="${item.id}">删除</button>
                    </td>
                </tr>
                    `
                })
                $('tbody').html(str)
            }
        }
    })
 }
readerActicle()
function showPage(a) {
    let laypage = layui.laypage
    laypage.render({
        elem: 'page', //注意，这里的 test1 是 ID，不用加 # 号
        count: a,//数据总数，从服务端得到
        limit: data.pagesize,//每页显示的条数
        curr: data.pagenum,//当前页
        // prev: '<', //上一页
        layout: ['limit', 'prev', 'page', 'next','skip'],
        limits: [3, 5, 8, 10],
        jump: function(obj, first){
            //obj包含了当前分页的所有参数，比如：
            // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
            // console.log(obj.limit); //得到每页显示的条数
            
            //首次不执行
            if(!first){
              //do something
                data.pagesize = obj.limit
                data.pagenum = obj.curr
                readerActicle()
            }
          }
  });

}

$.ajax({
    url: '/my/category/list',
    success: function (res) {
        // console.log(res)
        if (res.status === 0) {
            let str = ''
            // console.log(res.data)
            res.data.forEach(item => {
                str += `<option value="${item.id}">${item.name}</option>`
                // console.log(str)

            })
            $('#category').append(str)
            let form = layui.form
            form.render()
      }
    }
})
$('form').on('submit', function (e) {
    e.preventDefault()
    let cate_id = $('#category').val()
    // console.log(cate_id)
    let state = $('#state').val()
    // console.log(state)
    // delete 用于删除对象的属性
    cate_id ? data.cate_id = cate_id : delete data.cate_id
    state ? data.state = state :  delete data.state
      // 重置页码为 1
    data.pagenum = 1
    readerActicle()
    
})

$('tbody').on('click', 'button:contains("删除")', function () {
    // console.log(123)
    let id = $(this).data('id')
    console.log(id)
    // $.get('/my/article/delete/' + id, function (res) {
    //     console.log(res)

    // // })
    layer.confirm('您确定删除吗?', { icon: 3 }, function (index) {
        $.ajax({
        url: '/my/article/delete/' + id,
        success: function (res) {
            // console.log(res)
            layer.msg(res.message)
            layer.close(index)
            readerActicle()
          
           
        }
    })
       
    })
   
})